.nav {
    width: 1008px;
    left: 50%;
    margin-left: -504px;
    position:absolute;
}
.nav-main {position:relative;height:90px;}
.nav-ul li {float:left;line-height:90px;position:relative;    margin: 0 15px;}
.nav-ul li:last-child{margin-right:0;padding-right:0;background:none;}
.nav-ul li a.first {font-weight:bold;color:#333;font-size:16px;line-height:90px;display:block;padding:0 25px;transition: color 500ms ease-in 0ms;background: url(../img/bg3.png) no-repeat right center;}
.nav-ul li a.first:hover {color:#17449a;line-height:90px;}

.nav-ul li .subnav{position:absolute;z-index:9999;top:90px;left:0px;text-align:center;display:none;background:rgba(23,68,154,.8);width:130px;padding-left: 10px;padding-right:10px;}
.nav-ul li .subnav a.one{ color:#fff;font-size: 14px;text-align: center;display: block;border-bottom: 1px solid rgba(206,221,251,.1);line-height:44px;transition:color 0.3s,border-color 0.3s,font-size 0.3s;}
.nav-ul li .subnav a.one:hover{color: #ceddfb;border-color:rgba(206,221,251,.3);}
.nav-ul li .subnav a:last-child {border-bottom:0;}

.nav-ul li .subnav dl{text-align:left;padding:10px 10px;line-height:1;}
.nav-ul li .subnav dl a{display:inline;white-space:nowrap;}
.nav-ul li .subnav dt{line-height:24px;font-size:14px;color:#0476ab;font-weight:bold;padding-bottom:0px;padding-top:8px;}
.nav-ul li .subnav dt a{color:#666;font-weight:100;}
.nav-ul li .subnav dt span{display:inline-block;margin-right:10px;padding-bottom:0px;}
.nav-ul li .subnav dd{text-align:justify;padding-top:0px;padding-bottom:8px;border-bottom:1px solid #ddd;}
.nav-ul li .subnav dd a{line-height:1.8;margin:0 10px 0 0;border:none;}

@media screen and (max-width: 1400px){
    .nav {width: 100%;margin-left: -360px;}
    .nav-ul li{height:70px;margin: 0 5px;}
    .nav-ul li .first{line-height:70px;font-size: 15px;padding: 0 15px;}
    .nav-ul li .subnav{top:70px;}

}